*{
	margin:0;
	padding:0
}
ul,li,dl,dt,dd{ 
	list-style:none;
}
img{
	border:none;
	vertical-align: middle
}
a:link,a:visited{
	text-decoration:none; 
	color:#333333; 
	font-family:"Microsoft YaHei";
}
a:hover{
	text-decoration:underline;
}
a{
	text-decoration:none !important;
} 
body{
	font-size:14px; 
	font-family:"Microsoft YaHei"; 
	color:#333333;
}

.fl{
	float:left;
}
.fr{
	float:right;
}
.clear{
	clear:both;
}

.header{
	background:url(../images/dh.jpg);
	height:100px;
	position:fixed;
    width: 100%;
    top: 0;
    left: 0;
	z-index:10;
}
.nav_box{
	max-width:1200px;
	margin:0 auto;
}
.nav_box .logo{
	width: 37%;
    margin: 5px auto;
}
.nav_box .logo img{
	width:100%;
}
.nav_box .nav_li{
	width:58%;
}
.nav_li ul li{
	float:left;
}
.nav_li ul li a{
	font-size:16px;
	line-height:100px;
	color:#fff;
	padding:0 25px;
}
.banner{
	margin-top:100px;
}
.banner img{
	width:100%;
}
.container{
	max-width:1200px;
	margin: 0 auto;
}
.about-name{
	padding:20px 0 10px 0;
	text-align:center;
	color: #000000;
    font-family: 'Times New Roman';
    font-size: 30px;
    line-height: 42px;
    text-transform: uppercase;
	font-weight:bold;
}
.about-text{
	font-size: 16px;
    line-height: 2;
}
.more-about{
	text-align:center;
	padding:40px 0;
}
.more-about a{
	border:1px solid #ff7f00;
	padding:10px 30px;
	line-height:26px;
	color:#ff7f00;
}
.more-about a:hover{
	border:1px solid #333333;
	color:#333333;
}
.index-product{
	padding-top:60px;
}
.product-manu{
	width:250px;
}
.product-manu .product-name{
	font-size:20px;
	background:#30b33e;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.product-manu .product-name p{
	padding:20px 0;
	line-height:24px;
}
.product-manu .product-name h3{
	padding:0 0 20px 0;
	line-height:24px;
}
.product-dh{
	border:1px solid #ccc;
	background:#f4f4f4;
}
.product-dh ul li{
	background: url(../images/pd-bg.png) no-repeat 5px 8px;
    line-height: 34px;
    border-bottom: 1px solid #ccc;
    color: #4D4D4D;
    font-size: 16px;
    padding: 10px 0 10px 44px;
}
.product-dh ul li:last-child{
	border-bottom:none;
}

.product-list{
	width:920px;
}
.product-list .pd-box{
	border:1px solid #ccc;
	padding:10px;
	width:29.8%;
	margin-right:15px;
	margin-bottom:15px;
}
.product-list .pd-box:nth-child(3n+3) {
    margin-right:0;
}
.pd-pic{
	overflow:hidden;
}
.pd-title{
	text-align:center;
	margin-top:10px;
}
.product-list .pd-box:hover{
	border:1px solid #00bdbb;
}
.index-news{
	background:url(../images/news-bg.png);
	padding:50px 0;
}
.news-top{
	margin:auto;
	width:155px;
	text-align:center;
}
.news-top h3{
	font-size: 20px;
    color: #FF9900;
	line-height:28px;
	margin-bottom:10px;
}
.news-top p{
	font-size: 16px;
    color: #FF9900;
	line-height:14px;
	padding:10px;
}
.box-news{
	margin-top:50px;
}
.index-news .news-pic{
	width:555px;
}
.index-news .news-cont{
	width:625px;
	background: rgba(0, 0, 0,0.4);
}
.index-news .news-cont ul{
	padding:13px 15px;
}
.news-cont ul li{
	padding:20px 0;
	border-bottom: 1px dashed #fff;
	font-size:16px;
	line-height:24px;
}
.news-cont ul li span{
	display:block;
	width:20%;
	text-align:center;
	float:left;
}
.news-cont ul li a{
	width:80%;
	float:right;
	color:#fff;
}

.index-case{
	padding: 50px;
	background: #f2f2f2;
}
.case-box{
	position:relative;
	margin-top:30px;
}
.index-case .swiper-button-prev{
	left: -35px;
}
.index-case .swiper-button-next{
	right: -35px;
}
.link{
	padding:20px;
	font-size:16px;
	line-height:26px;
}
.link span{
	margin-right:10px;
}
.link a{
	padding:0 10px;
}
.footer{
	padding:50px 0;
	background:#31b43e;
}
.footer-left{
	width:60%;
}
.footer-right{
	width:40%;
}
.footer-left h2{
	line-height: 2;
    color: #fff;
    font-size: 32px;
}
.footer-left p{
	line-height: 2;
    color: #fff;
    font-size: 16px;
}
.footer-left .zixun{
	margin-top:20px;
	background:#ff7f00;
	padding: 5px;
	text-align:center;
	width:160px;
}
.footer-left .zixun a{
	font-size:14px;
	color:#fff;
	border:1px solid #fff;
	line-height:26px;
	display:block;
	width:150px;
	margin:auto;
	padding:5px 0;
}
.footer-right{
	padding-top:20px;
}
.footer-right p{
	line-height: 2;
    color: #fff;
    font-size: 16px;
}


.about-body{
	margin-bottom:50px;
}
.jj-title{
	background:url(../images/title-bg.png) no-repeat center 3px;
	margin:30px 0;
	text-align:center;
	position:relative;
}
.jj-title h3{
	font-size: 32px;
	font-weight:500;
	line-height:44px;
}
.about-cont{
	font-size:16px;
	line-height:28px;
}
.about-cont img{
	max-width:100%;
}

.pd-list{
	border:1px solid #ccc;
	padding:10px;
	width:21.3%;
	margin-right:15px;
	margin-bottom:15px;
}
.product-list .pd-list:nth-child(4n+4) {
    margin-right:0;
}
.mbx{
	background: #e1e1e1;
	height:36px;
	line-height:36px;
	margin-bottom:15px;
	padding-left:10px;
}
.pd-pic img{
	transition: 2s;
}
.pd-pic:hover img{
    transform: scale(1.2);
}
.page {
    margin: 20px 0px;
    text-align: center;
}
.m-bt{
	margin-bottom:30px;
}
.product-box .title-pic{
	width:40%;
}
.product-box .small-text{
	width:60%;
}
.small-text h1{
	background: #f5f5f5;
	font-size:18px;
	line-height:36px;
	height:36px;
	padding:0 10px;
	margin-bottom:10px;
}
.small-text p{
	font-size:16px;
	line-height:26px;
	padding:0 10px;
}
.m-top{
	margin-top:10px;
}
.line{
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
.pre{
	margin-top:20px;
	line-height:24px;
}
.red{
	color:red;
}

.case-top{
	margin:30px auto;
	text-align:center;
}
.case-list{
	width:100%;
	margin-top:20px;
}

.case-body{
	background: #f0f0f0;
	padding:10px;
}
.case-title-pic{
	background:#fff;
	text-align:center;
	padding:10px;
}
.case-title-pic img{
	max-width:100%;
}
.case-cont{
	background:#fff;
	margin-top:10px;
	padding:10px;
}
.case-cont h1{
	font-size:16px;
	margin:10px 0;
	line-height:30px;
}

.news-list{
	padding:20px 0;
	line-height:26px;
	font-size:16px;
	border-bottom:1px solid #ccc;
}
.new-tu{
	margin-right:20px;
}
.time{
	text-align:right;
	float:right;
}
.news-text h1{
	font-size:18px;
	margin-top:10px;
	line-height:30px;
	text-align:center;
}
.h-til {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    text-align: center;
	
}

.contact-left{
	width:48%;
}
.contact-right{
	width:50%;
}
.contact-text{
	font-size:16px;
	line-height:26px;
}
.contact-text h3{
	font-size:26px;
	padding:10px 0;
	color:#ff7f00;
	margin-bottom:10px;
}
.product-dh ul li.active {
    background: #ff7f00 url(../images/pd-bg1.png) no-repeat 5px 8px;
}
.product-dh ul li.active a{
	color:#fff;
}
@media(max-width:767px){
	body{
		width: 1200px;
	}
}


.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pager {list-style:none;padding:0;text-align:center;clear:both}
.pager li {display:inline-block}
.pager li a {color:#333;border:solid 1px #EBEBEB;border-radius:15px;padding:5px 15px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pager li a:hover {background-color:#f5f5f5;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pager-prev,.pager .pager-prev,.pager-next,.pager .pager-next {font-size:36px;padding:0;color:#FFF;background-color:rgba(255,255,255,.3);width:50px;height:50px;line-height:45px;display:inline-block;border-radius:50%;text-align:center;cursor:pointer}
.pager-prev:hover,.pager-next:hover {background-color:rgba(0,0,0,.6)}
.pager-group li {float:left;display:inline-block}
.pager-group li:not(:first-child):not(:last-child) {border-radius:0}
.pager-group li a:first-child {border-radius:4px 0 0 4px}
.pager-group li a:last-child {border-radius:0 4px 4px 0}

.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#ff9600;color:#fff;border:1px solid #ff9600;}